<!doctype html>
<html lang="en" data-color-mode="dark">
<head>
<meta charset="utf-8">
<title>Emmet 备忘清单
 &#x26;  emmet cheatsheet &#x26;  Quick Reference</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta description="Emmet 是一个用于提升 HTML 和 CSS 代码编写的 Web 开发人员工具包，它允许您使用著名的 CSS 选择器以光速编写大型 HTML 代码块。

Emmet 语法，为开发人员分享快速参考备忘单。">
<meta keywords="emmet,reference,Quick,Reference,cheatsheet,cheat,sheet">
<link rel="icon" href="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20width%3D%221em%22%3E%20%3Cpath%20d%3D%22m21.66%2010.44-.98%204.18c-.84%203.61-2.5%205.07-5.62%204.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2%201.17-2.42%203.16-3.07%206.5-2.28l1.67.39c4.19.98%205.47%203.05%204.49%207.23Z%22%20fill%3D%22%23c9d1d9%22%2F%3E%20%3Cpath%20d%3D%22M15.06%2019.39c-.62.42-1.4.77-2.35%201.08l-1.58.52c-3.97%201.28-6.06.21-7.35-3.76L2.5%2013.28c-1.28-3.97-.22-6.07%203.75-7.35l1.58-.52c.41-.13.8-.24%201.17-.31-.3.61-.54%201.35-.74%202.2l-.98%204.19c-.98%204.18.31%206.24%204.48%207.23l1.68.4c.58.14%201.12.23%201.62.27Zm2.43-8.88c-.06%200-.12-.01-.19-.02l-4.85-1.23a.75.75%200%200%201%20.37-1.45l4.85%201.23a.748.748%200%200%201-.18%201.47Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3Cpath%20d%3D%22M14.56%2013.89c-.06%200-.12-.01-.19-.02l-2.91-.74a.75.75%200%200%201%20.37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z%22%20fill%3D%22%23228e6c%22%20%2F%3E%20%3C%2Fsvg%3E" type="image/svg+xml">
<link rel="stylesheet" href="../style/style.css">
<link rel="stylesheet" href="../style/katex.css">
</head>
<body><nav class="header-nav"><div class="max-container"><a href="../index.html" class="logo"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
  <path d="m21.66 10.44-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23Z" fill="#c9d1d9"></path>
  <path d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27Zm2.43-8.88c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23a.748.748 0 0 1-.18 1.47Z" fill="#228e6c"></path>
  <path d="M14.56 13.89c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z" fill="#228e6c"></path>
</svg>
<span class="title">Quick Reference</span></a><div class="menu"><a href="javascript:void(0);" class="searchbtn" id="searchbtn"><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
  <path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
</svg><span>搜索</span><span>⌘K</span></a><a href="https://github.com/jaywcjlove/reference/blob/main/docs/emmet.md" class="" target="__blank"><svg viewBox="0 0 36 36" fill="currentColor" height="1em" width="1em"><path d="m33 6.4-3.7-3.7a1.71 1.71 0 0 0-2.36 0L23.65 6H6a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V11.76l3-3a1.67 1.67 0 0 0 0-2.36ZM18.83 20.13l-4.19.93 1-4.15 9.55-9.57 3.23 3.23ZM29.5 9.43 26.27 6.2l1.85-1.85 3.23 3.23Z"></path><path fill="none" d="M0 0h36v36H0z"></path></svg><span>编辑</span></a><button id="darkMode" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="light" height="1em" width="1em">
  <path d="M6.995 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007-2.246-5.007-5.007-5.007S6.995 9.239 6.995 12zM11 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2H2zm17 0h3v2h-3zM5.637 19.778l-1.414-1.414 2.121-2.121 1.414 1.414zM16.242 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.344 7.759 4.223 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="dark" height="1em" width="1em">
  <path d="M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z"></path>
</svg>
</button><script src="../js/dark.js"></script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap h1body-exist max-container"><header class="wrap-header h1wrap"><h1 id="emmet-备忘清单"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em" viewBox="0 0 153 151">
  <path d="M76.2378757,0 C118.342892,0 152.475751,33.7082594 152.475751,75.2895046 C152.475751,116.87075 118.342892,150.579009 76.2378757,150.579009 C34.1328596,150.579009 0,116.87075 0,75.2895046 C0,33.7082594 34.1328596,0 76.2378757,0 Z M60.5934369,46.9019586 L19.8384036,56.9645627 L92.6150779,128.835332 L102.803239,88.5872762 L94.3131047,80.2021662 L87.0356763,108.950356 L70.5395345,92.6594199 L75.3909542,73.9732442 L56.2267408,78.5252622 L39.7305989,62.2343264 L68.8415078,55.0474265 L60.5934369,46.9019586 Z M116.873372,33.007443 L76.1189361,43.0694569 L84.367007,51.2149248 L102.561176,47.1421909 L98.1944795,64.8703887 L106.684613,73.2549084 L116.873372,33.007443 Z" transform="translate(0 .421)"></path>
</svg><a aria-hidden="true" tabindex="-1" href="#emmet-备忘清单"><span class="icon icon-link"></span></a>Emmet 备忘清单</h1><div class="wrap-body">
<p><a href="https://emmet.io/">Emmet</a> 是一个用于提升 <a href="./html.html">HTML</a> 和 CSS 代码编写的 Web 开发人员工具包，它允许您使用著名的 CSS 选择器以光速编写大型 HTML 代码块。</p>
</div></header><div class="menu-tocs"><div class="menu-btn"><svg aria-hidden="true" fill="currentColor" height="1em" width="1em" viewBox="0 0 16 16" version="1.1" data-view-component="true">
  <path fill-rule="evenodd" d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"></path>
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#emmet-语法">Emmet 语法</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#乘法">乘法：*</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#孩子-">孩子: ></a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#自定义属性">自定义属性</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#文本-">文本: {}</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#id-和-class-属性">ID 和 CLASS 属性</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#隐式标签名称">隐式标签名称</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#兄弟-">兄弟: +</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#">$</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#上一层-">上一层: ^</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#分组-">分组: ()</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#html">HTML</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#html-1">HTML 1</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#html-2">HTML 2</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#html-3">HTML 3</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#css">CSS</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#视觉格式">视觉格式</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#边距和填充">边距和填充</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#盒子尺寸">盒子尺寸</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#字体">字体</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#背景">背景</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#lists">Lists</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#tables">Tables</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#颜色">颜色</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#文本">文本</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#border">Border</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#生成的内容">生成的内容</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#outline">Outline</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#print">Print</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#others">Others</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#f">@f</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#f-1">@f+</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#i-import">@i, @import</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#kf">@kf</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#m-media">@m, @media</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#transform">transform</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#other">Other</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#animation">animation</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#flex">flex</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#xsl">XSL</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#xsl-1">XSL</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#xsl-2">XSL</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#xsl-3">XSL</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#另见">另见</a></div></div><div class="h1wrap-body"><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="emmet-语法"><a aria-hidden="true" tabindex="-1" href="#emmet-语法"><span class="icon icon-link"></span></a>Emmet 语法</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="入门"><a aria-hidden="true" tabindex="-1" href="#入门"><span class="icon icon-link"></span></a>入门</h3><div class="wrap-body">
<p>让我们开始将您的开发提高到光速。</p>
<ul>
<li><a href="https://code.visualstudio.com/docs/editor/emmet">Visual Studio 代码中的 Emmet</a> <em>(code.visualstudio.com)</em></li>
<li><a href="https://github.com/emmetio/sublime-text-plugin">Sublime Text 的 Emmet 2</a> <em>(github.com)</em></li>
<li><a href="https://emmet.io/download/coda/">Emmet for Coda</a> <em>(emmet.io)</em></li>
<li><a href="https://github.com/emmetio/emmet-atom#readme">Emmet for Atom</a> <em>(github.com)</em></li>
</ul>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="乘法"><a aria-hidden="true" tabindex="-1" href="#乘法"><span class="icon icon-link"></span></a>乘法：*</h3><div class="wrap-body">
<p><code>ul>li*5</code></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="孩子-"><a aria-hidden="true" tabindex="-1" href="#孩子-"><span class="icon icon-link"></span></a>孩子: ></h3><div class="wrap-body">
<p><code>nav>ul>li</code></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>nav</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>nav</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist col-span-2"><div class="wrap-header h3wrap"><h3 id="自定义属性"><a aria-hidden="true" tabindex="-1" href="#自定义属性"><span class="icon icon-link"></span></a>自定义属性</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-2-->
<p><code>p[title="Hello world"]</code></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Hello world<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span></code></pre>
<p><code>td[rowspan=2 colspan=3 title]</code></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>td</span> <span class="token attr-name">rowspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>td</span><span class="token punctuation">></span></span>
</span></code></pre>
<p><code>[a='value1' b="value2"]</code></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span> <span class="token attr-name">a</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value1<span class="token punctuation">"</span></span> <span class="token attr-name">b</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="文本-"><a aria-hidden="true" tabindex="-1" href="#文本-"><span class="icon icon-link"></span></a>文本: {}</h3><div class="wrap-body">
<p>a{Click me}</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Click me<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>a</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>p>{Click }+a{here}+{ 继续}</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span>Click <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>here<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>a</span><span class="token punctuation">></span></span> 继续<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist row-span-2"><div class="wrap-header h3wrap"><h3 id="id-和-class-属性"><a aria-hidden="true" tabindex="-1" href="#id-和-class-属性"><span class="icon icon-link"></span></a>ID 和 CLASS 属性</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-2-->
<p># header</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>header<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>.title</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>title<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>form#search.wide</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>form</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>search<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wide<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>form</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>p.class1.class2.class3</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>class1 class2 class3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist row-span-2"><div class="wrap-header h3wrap"><h3 id="隐式标签名称"><a aria-hidden="true" tabindex="-1" href="#隐式标签名称"><span class="icon icon-link"></span></a>隐式标签名称</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-2-->
<p>.class</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>class<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>em>.class</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>em</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>class<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>em</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ul>.class</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>class<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>table>.row>.col</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>table</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>tr</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>td</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>col<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>td</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>tr</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>table</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="兄弟-"><a aria-hidden="true" tabindex="-1" href="#兄弟-"><span class="icon icon-link"></span></a>兄弟: +</h3><div class="wrap-body">
<p>div+p+bq</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>blockquote</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>blockquote</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist row-span-2"><div class="wrap-header h3wrap"><h3 id=""><a aria-hidden="true" tabindex="-1" href="#"><span class="icon icon-link"></span></a>$</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-2-->
<p>ul>li.item$*3</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>h$[title=item$]{Header $}*3</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>h1</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Header 1<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>h1</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>h2</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Header 2<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>h2</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>h3</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Header 3<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>h3</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ul>li.item$$$*3</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item001<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item002<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item003<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ul>li.item$@-*3</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ul>li.item$@2*3</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="上一层-"><a aria-hidden="true" tabindex="-1" href="#上一层-"><span class="icon icon-link"></span></a>上一层: ^</h3><div class="wrap-body">
<p>div+div>p>span+em^bq</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>em</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>em</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>blockquote</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>blockquote</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>div+div>p>span+em^^bq</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>em</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>em</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>blockquote</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>blockquote</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="分组-"><a aria-hidden="true" tabindex="-1" href="#分组-"><span class="icon icon-link"></span></a>分组: ()</h3><div class="wrap-body">
<p>div>(header>ul>li*2>a)+footer>p</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>header</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>header</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>footer</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>footer</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>(div>dl>(dt+dd)*4)+footer>p</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dl</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dt</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dd</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dt</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dd</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dt</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dd</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dt</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dd</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dl</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>div</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>footer</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>footer</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="html"><a aria-hidden="true" tabindex="-1" href="#html"><span class="icon icon-link"></span></a>HTML</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="html-1"><a aria-hidden="true" tabindex="-1" href="#html-1"><span class="icon icon-link"></span></a>HTML 1</h3><div class="wrap-body">
<p><code>!</code> 或者 <code>html:5</code></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>a</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>a</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>a:link</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>a</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>a:mail</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mailto:<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>a</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>abbr</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>abbr</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>abbr</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>acronym, acr</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>acronym</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>acronym</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>base</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>base</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>basefont</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>basefont</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>br</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>br</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>frame</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>frame</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>hr</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>hr</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>bdo</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>bdo</span> <span class="token attr-name">dir</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>bdo</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>bdo:r</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>bdo</span> <span class="token attr-name">dir</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rtl<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>bdo</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>bdo:l</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>bdo</span> <span class="token attr-name">dir</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ltr<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>bdo</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>col</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>col</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>link</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>link:css</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>style.css<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>link:print</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>print.css<span class="token punctuation">"</span></span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>print<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>link:favicon</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>shortcut icon<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>image/x-icon<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>favicon.ico<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>link:touch</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>apple-touch-icon<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>favicon.png<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>link:rss</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>alternate<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>application/rss+xml<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>RSS<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rss.xml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>link:atom</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>alternate<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>application/atom+xml<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Atom<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>atom.xml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>link:import, link:im</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>import<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>component.html<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>meta</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>meta:utf</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>meta:win</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=windows-1251<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>meta:vp</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>meta:compat</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>X-UA-Compatible<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>IE=7<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>style</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>style</span><span class="token punctuation">></span></span><span class="token style"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>style</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>script</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>script</span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>script</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>script:src</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>script</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>img</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>img:srcset, img:s</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>img:sizes, img:z</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">sizes</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>picture</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>picture</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>picture</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>source, src</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>source:src, src:sc</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>source:srcset, src:s</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>source:media, src:m</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(min-width: )<span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>source:type, src:t</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>image/<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>source:sizes, src:z</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">sizes</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>source:media:type, src:mt</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(min-width: )<span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>image/<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>source:media:sizes, src:mz</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(min-width: )<span class="token punctuation">"</span></span> <span class="token attr-name">sizes</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>source:sizes:type, src:zt</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">sizes</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>image/<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>iframe</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>iframe</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">frameborder</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>iframe</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>embed</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>embed</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>object</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>object</span> <span class="token attr-name">data</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>object</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>param</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>param</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>map</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>map</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>map</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>area</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>area</span> <span class="token attr-name">shape</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">coords</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>area:d</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>area</span> <span class="token attr-name">shape</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>default<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>area:c</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>area</span> <span class="token attr-name">shape</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>circle<span class="token punctuation">"</span></span> <span class="token attr-name">coords</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>area:r</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>area</span> <span class="token attr-name">shape</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rect<span class="token punctuation">"</span></span> <span class="token attr-name">coords</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>area:p</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>area</span> <span class="token attr-name">shape</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>poly<span class="token punctuation">"</span></span> <span class="token attr-name">coords</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>form</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>form</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>form:get</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>get<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>form</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>form:post</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>post<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>form</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>label</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>label</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>input</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>inp</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:hidden, input:h 别名 input[type=hidden name]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>hidden<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:text, input:t 别名 inp</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:search 别名 inp[type=search]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>search<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:email 别名 inp[type=email]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>email<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="html-2"><a aria-hidden="true" tabindex="-1" href="#html-2"><span class="icon icon-link"></span></a>HTML 2</h3><div class="wrap-body">
<p>input:url 别名 inp[type=url]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>url<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:password, input:p 别名 inp[type=password]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:datetime 别名 inp[type=datetime]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>datetime<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:date 别名 inp[type=date]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>date<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:datetime-local 别名 inp[type=datetime-local]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>datetime-local<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:month 别名 inp[type=month]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>month<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:week 别名 inp[type=week]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>week<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:time 别名 inp[type=time]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>time<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:tel 别名 inp[type=tel]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>tel<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:number 别名 inp[type=number]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:color 别名 inp[type=color]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>color<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:checkbox, input:c 别名 inp[type=checkbox]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:radio, input:r 别名 inp[type=radio]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:range 别名 inp[type=range]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>range<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:file, input:f 别名 inp[type=file]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>file<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:submit, input:s</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:image, input:i</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>image<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:button, input:b</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>button<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>isindex</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>isindex</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>input:reset 别名 input:button[type=reset]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>reset<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>select</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>select</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>select</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>select:disabled, select:d 别名 select[disabled.]</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>select</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>disabled<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>select</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>option, opt</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>option</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>textarea</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>textarea</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">cols</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>30<span class="token punctuation">"</span></span> <span class="token attr-name">rows</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>10<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>textarea</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>marquee</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>marquee</span> <span class="token attr-name">behavior</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">direction</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>marquee</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>menu:context, menu:c 别名 menu[type=context]></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>menu</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>context<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>menu</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>menu:toolbar, menu:t 别名 menu[type=toolbar]></p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>menu</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>toolbar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>menu</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>video</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>video</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>video</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>audio</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>audio</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>audio</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>html:xml</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>keygen</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>keygen</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>command</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>command</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>button:submit, button:s, btn:s 别名 button[type=submit]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>button</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>button:reset, button:r, btn:r 别名 button[type=reset]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>reset<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>button</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>button:disabled, button:d, btn:d 别名 button[disabled.]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>button</span> <span class="token attr-name">disabled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>disabled<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>button</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>fieldset:disabled, fieldset:d, fset:d, fst:d 别名 fieldset[disabled.]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>fieldset</span> <span class="token attr-name">disabled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>disabled<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>fieldset</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>bq 别名 blockquote</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>blockquote</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>blockquote</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>fig 别名 figure</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>figure</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>figure</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>figc 别名 figcaption</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>figcaption</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>figcaption</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>pic 别名 picture</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>picture</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>picture</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ifr 别名 iframe</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>iframe</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">frameborder</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>iframe</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>emb 别名 embed</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>embed</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>obj 别名 object</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>object</span> <span class="token attr-name">data</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>object</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>cap 别名 caption</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>caption</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>caption</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>colg 别名 colgroup</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>colgroup</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>colgroup</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>fst, fset 别名 fieldset</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>fieldset</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>fieldset</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>btn 别名 button</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>button</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>button</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>optg 别名 optgroup</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>optgroup</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>optgroup</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>tarea 别名 textarea</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>textarea</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">cols</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>30<span class="token punctuation">"</span></span> <span class="token attr-name">rows</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>10<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>textarea</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>leg 别名 legend</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>legend</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>legend</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>sect 别名 section</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>section</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>section</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>art 别名 article</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>article</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>article</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>hdr 别名 header</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>header</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>header</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ftr 别名 footer</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>footer</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>footer</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>adr 别名 address</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>address</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>address</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>dlg 别名 dialog</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dialog</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dialog</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>str 别名 strong</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>strong</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>strong</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>prog 别名 progress</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>progress</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>progress</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>mn 别名 main</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>main</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>main</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>tem 别名 template</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>template</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>template</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>datag 别名 datagrid</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>datagrid</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>datagrid</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>datal 别名 datalist</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>datalist</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>datalist</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>kg 别名 keygen</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>keygen</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>out 别名 output</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>output</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>output</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>det 别名 details</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>details</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>details</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="html-3"><a aria-hidden="true" tabindex="-1" href="#html-3"><span class="icon icon-link"></span></a>HTML 3</h3><div class="wrap-body">
<p>cmd
Alias of command</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>command</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p class="wrap-text ">doc 别名 html>(head>meta[charset=${charset}]+title{${1:Document}})+body</p>
<!--rehype:className=wrap-text -->
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<p class="wrap-text ">doc4 别名 html>(head>meta[http-equiv="Content-Type" content="text/html;charset=${charset}"]+title{${1:Document}})+body</p>
<!--rehype:className=wrap-text -->
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>ri:dpr, ri:d 别名 img:s</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>ri:viewport, ri:v 别名 img:z</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">sizes</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>ri:art, ri:a 别名 pic>src:m+img</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>picture</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">media</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>(min-width: )<span class="token punctuation">"</span></span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>picture</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ri:type, ri:t 别名 pic>src:t+img</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>picture</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>image/<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>picture</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>html:4t 别名 !!!4t+doc4[lang=${lang}]</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">HTML</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD HTML 4.01 Transitional//EN"</span> <span class="token string">"http://www.w3.org/TR/html4/loose.dtd"</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>html:4s 别名 !!!4s+doc4[lang=${lang}]</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">HTML</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD HTML 4.01//EN"</span> <span class="token string">"http://www.w3.org/TR/html4/strict.dtd"</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p class="wrap-text ">html:xt 别名 !!!xt+doc4[xmlns=<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a> xml:lang=${lang}]</p>
<!--rehype:className=wrap-text -->
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xml:</span>lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>html:xs 别名 !!!xs+doc4[xmlns=<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a> xml:lang=${lang}]</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.0 Strict//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xml:</span>lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>html:xxs 别名 !!!xxs+doc4[xmlns=<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a> xml:lang=${lang}]</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.1//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xml:</span>lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Content-Type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html;charset=UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>html:5 别名 !!!+doc[lang=${lang}]</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>title</span><span class="token punctuation">></span></span>Document<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>title</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>head</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>body</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>html</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ol+ 别名 ol>li</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ol</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ol</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ul+ 别名 ul>li</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>ul</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>li</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>ul</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>dl+ 别名 dl>dt+dd</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dl</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dt</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dd</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>dl</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>map+ 别名 map>area</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>map</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>area</span> <span class="token attr-name">shape</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">coords</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>map</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>table+ 别名 table>tr>td</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>table</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>tr</span><span class="token punctuation">></span></span>
</span><span class="code-line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>td</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>tr</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>table</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>colgroup+, colg+ 别名 colgroup>col</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>colgroup</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>col</span> <span class="token punctuation">/></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>colgroup</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>tr+ 别名 tr>td</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>tr</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>td</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>tr</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>select+ 别名 select>option</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>select</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>option</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>select</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>optgroup+, optg+ 别名 optgroup>option</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>optgroup</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>option</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>optgroup</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>pic+ 别名 picture>source:srcset+img</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>picture</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>source</span> <span class="token attr-name">srcset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>picture</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>!!!</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>!!!4t</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">HTML</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD HTML 4.01 Transitional//EN"</span> <span class="token string">"http://www.w3.org/TR/html4/loose.dtd"</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>!!!4s</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">HTML</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD HTML 4.01//EN"</span> <span class="token string">"http://www.w3.org/TR/html4/strict.dtd"</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>!!!xt</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>!!!xs</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.0 Strict//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>!!!xxs</p>
<pre class="wrap-text "><code class="language-html code-highlight"><span class="code-line"><span class="token doctype"><span class="token punctuation">&#x3C;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.1//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>c</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token comment">&#x3C;!-- ${child} --></span>
</span></code></pre>
<p>cc:ie6</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token comment">&#x3C;!--[if lte IE 6]>
</span></span><span class="code-line"><span class="token comment">    ${child}
</span></span><span class="code-line"><span class="token comment">&#x3C;![endif]--></span>
</span></code></pre>
<p>cc:ie</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token comment">&#x3C;!--[if IE]>
</span></span><span class="code-line"><span class="token comment">    ${child}
</span></span><span class="code-line"><span class="token comment">&#x3C;![endif]--></span>
</span></code></pre>
<p>cc:noie</p>
<pre class="language-html"><code class="language-html code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>!--[if</span> <span class="token attr-name">!IE]</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>!--</span><span class="token punctuation">></span></span>
</span><span class="code-line">    ${child}
</span><span class="code-line"><span class="token comment">&#x3C;!--&#x3C;![endif]--></span>
</span></code></pre>
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="css"><a aria-hidden="true" tabindex="-1" href="#css"><span class="icon icon-link"></span></a>CSS</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist row-span-4"><div class="wrap-header h3wrap"><h3 id="视觉格式"><a aria-hidden="true" tabindex="-1" href="#视觉格式"><span class="icon icon-link"></span></a>视觉格式</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-4-->

























































































































































































































































































































































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>pos</code></td><td align="left">position:relative;</td></tr><tr><td align="left"><code>pos:s</code></td><td align="left">position:static;</td></tr><tr><td align="left"><code>pos:a</code></td><td align="left">position:absolute;</td></tr><tr><td align="left"><code>pos:r</code></td><td align="left">position:relative;</td></tr><tr><td align="left"><code>pos:f</code></td><td align="left">position:fixed;</td></tr><tr><td align="left"><code>t</code></td><td align="left">top:;</td></tr><tr><td align="left"><code>t:a</code></td><td align="left">top:auto;</td></tr><tr><td align="left"><code>r</code></td><td align="left">right:;</td></tr><tr><td align="left"><code>r:a</code></td><td align="left">right:auto;</td></tr><tr><td align="left"><code>b</code></td><td align="left">bottom:;</td></tr><tr><td align="left"><code>b:a</code></td><td align="left">bottom:auto;</td></tr><tr><td align="left"><code>l</code></td><td align="left">left:;</td></tr><tr><td align="left"><code>l:a</code></td><td align="left">left:auto;</td></tr><tr><td align="left"><code>z</code></td><td align="left">z-index:;</td></tr><tr><td align="left"><code>z:a</code></td><td align="left">z-index:auto;</td></tr><tr><td align="left"><code>fl</code></td><td align="left">float:left;</td></tr><tr><td align="left"><code>fl:n</code></td><td align="left">float:none;</td></tr><tr><td align="left"><code>fl:l</code></td><td align="left">float:left;</td></tr><tr><td align="left"><code>fl:r</code></td><td align="left">float:right;</td></tr><tr><td align="left"><code>cl</code></td><td align="left">clear:both;</td></tr><tr><td align="left"><code>cl:n</code></td><td align="left">clear:none;</td></tr><tr><td align="left"><code>cl:l</code></td><td align="left">clear:left;</td></tr><tr><td align="left"><code>cl:r</code></td><td align="left">clear:right;</td></tr><tr><td align="left"><code>cl:b</code></td><td align="left">clear:both;</td></tr><tr><td align="left"><code>d</code></td><td align="left">display:block;</td></tr><tr><td align="left"><code>d:n</code></td><td align="left">display:none;</td></tr><tr><td align="left"><code>d:b</code></td><td align="left">display:block;</td></tr><tr><td align="left"><code>d:f</code></td><td align="left">display:flex;</td></tr><tr><td align="left"><code>d:if</code></td><td align="left">display:inline-flex;</td></tr><tr><td align="left"><code>d:i</code></td><td align="left">display:inline;</td></tr><tr><td align="left"><code>d:ib</code></td><td align="left">display:inline-block;</td></tr><tr><td align="left"><code>d:li</code></td><td align="left">display:list-item;</td></tr><tr><td align="left"><code>d:ri</code></td><td align="left">display:run-in;</td></tr><tr><td align="left"><code>d:cp</code></td><td align="left">display:compact;</td></tr><tr><td align="left"><code>d:tb</code></td><td align="left">display:table;</td></tr><tr><td align="left"><code>d:itb</code></td><td align="left">display:inline-table;</td></tr><tr><td align="left"><code>d:tbcp</code></td><td align="left">display:table-caption;</td></tr><tr><td align="left"><code>d:tbcl</code></td><td align="left">display:table-column;</td></tr><tr><td align="left"><code>d:tbclg</code></td><td align="left">display:table-column-group;</td></tr><tr><td align="left"><code>d:tbhg</code></td><td align="left">display:table-header-group;</td></tr><tr><td align="left"><code>d:tbfg</code></td><td align="left">display:table-footer-group;</td></tr><tr><td align="left"><code>d:tbr</code></td><td align="left">display:table-row;</td></tr><tr><td align="left"><code>d:tbrg</code></td><td align="left">display:table-row-group;</td></tr><tr><td align="left"><code>d:tbc</code></td><td align="left">display:table-cell;</td></tr><tr><td align="left"><code>d:rb</code></td><td align="left">display:ruby;</td></tr><tr><td align="left"><code>d:rbb</code></td><td align="left">display:ruby-base;</td></tr><tr><td align="left"><code>d:rbbg</code></td><td align="left">display:ruby-base-group;</td></tr><tr><td align="left"><code>d:rbt</code></td><td align="left">display:ruby-text;</td></tr><tr><td align="left"><code>d:rbtg</code></td><td align="left">display:ruby-text-group;</td></tr><tr><td align="left"><code>v</code></td><td align="left">visibility:hidden;</td></tr><tr><td align="left"><code>v:v</code></td><td align="left">visibility:visible;</td></tr><tr><td align="left"><code>v:h</code></td><td align="left">visibility:hidden;</td></tr><tr><td align="left"><code>v:c</code></td><td align="left">visibility:collapse;</td></tr><tr><td align="left"><code>ov</code></td><td align="left">overflow:hidden;</td></tr><tr><td align="left"><code>ov:v</code></td><td align="left">overflow:visible;</td></tr><tr><td align="left"><code>ov:h</code></td><td align="left">overflow:hidden;</td></tr><tr><td align="left"><code>ov:s</code></td><td align="left">overflow:scroll;</td></tr><tr><td align="left"><code>ov:a</code></td><td align="left">overflow:auto;</td></tr><tr><td align="left"><code>ovx</code></td><td align="left">overflow-x:hidden;</td></tr><tr><td align="left"><code>ovx:v</code></td><td align="left">overflow-x:visible;</td></tr><tr><td align="left"><code>ovx:h</code></td><td align="left">overflow-x:hidden;</td></tr><tr><td align="left"><code>ovx:s</code></td><td align="left">overflow-x:scroll;</td></tr><tr><td align="left"><code>ovx:a</code></td><td align="left">overflow-x:auto;</td></tr><tr><td align="left"><code>ovy</code></td><td align="left">overflow-y:hidden;</td></tr><tr><td align="left"><code>ovy:v</code></td><td align="left">overflow-y:visible;</td></tr><tr><td align="left"><code>ovy:h</code></td><td align="left">overflow-y:hidden;</td></tr><tr><td align="left"><code>ovy:s</code></td><td align="left">overflow-y:scroll;</td></tr><tr><td align="left"><code>ovy:a</code></td><td align="left">overflow-y:auto;</td></tr><tr><td align="left"><code>ovs</code></td><td align="left">overflow-style:scrollbar;</td></tr><tr><td align="left"><code>ovs:a</code></td><td align="left">overflow-style:auto;</td></tr><tr><td align="left"><code>ovs:s</code></td><td align="left">overflow-style:scrollbar;</td></tr><tr><td align="left"><code>ovs:p</code></td><td align="left">overflow-style:panner;</td></tr><tr><td align="left"><code>ovs:m</code></td><td align="left">overflow-style:move;</td></tr><tr><td align="left"><code>ovs:mq</code></td><td align="left">overflow-style:marquee;</td></tr><tr><td align="left"><code>zoo, zm</code></td><td align="left">zoom:1;</td></tr><tr><td align="left"><code>cp</code></td><td align="left">clip:;</td></tr><tr><td align="left"><code>cp:a</code></td><td align="left">clip:auto;</td></tr><tr><td align="left"><code>cp:r</code></td><td align="left">clip:rect(top right bottom left);</td></tr><tr><td align="left"><code>rsz</code></td><td align="left">resize:;</td></tr><tr><td align="left"><code>rsz:n</code></td><td align="left">resize:none;</td></tr><tr><td align="left"><code>rsz:b</code></td><td align="left">resize:both;</td></tr><tr><td align="left"><code>rsz:h</code></td><td align="left">resize:horizontal;</td></tr><tr><td align="left"><code>rsz:v</code></td><td align="left">resize:vertical;</td></tr><tr><td align="left"><code>cur</code></td><td align="left">cursor:${pointer};</td></tr><tr><td align="left"><code>cur:a</code></td><td align="left">cursor:auto;</td></tr><tr><td align="left"><code>cur:d</code></td><td align="left">cursor:default;</td></tr><tr><td align="left"><code>cur:c</code></td><td align="left">cursor:crosshair;</td></tr><tr><td align="left"><code>cur:ha</code></td><td align="left">cursor:hand;</td></tr><tr><td align="left"><code>cur:he</code></td><td align="left">cursor:help;</td></tr><tr><td align="left"><code>cur:m</code></td><td align="left">cursor:move;</td></tr><tr><td align="left"><code>cur:p</code></td><td align="left">cursor:pointer;</td></tr><tr><td align="left"><code>cur:t</code></td><td align="left">cursor:text;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="边距和填充"><a aria-hidden="true" tabindex="-1" href="#边距和填充"><span class="icon icon-link"></span></a>边距和填充</h3><div class="wrap-body">





































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>m</code></td><td align="left">margin:;</td></tr><tr><td align="left"><code>m:a</code></td><td align="left">margin:auto;</td></tr><tr><td align="left"><code>mt</code></td><td align="left">margin-top:;</td></tr><tr><td align="left"><code>mt:a</code></td><td align="left">margin-top:auto;</td></tr><tr><td align="left"><code>mr</code></td><td align="left">margin-right:;</td></tr><tr><td align="left"><code>mr:a</code></td><td align="left">margin-right:auto;</td></tr><tr><td align="left"><code>mb</code></td><td align="left">margin-bottom:;</td></tr><tr><td align="left"><code>mb:a</code></td><td align="left">margin-bottom:auto;</td></tr><tr><td align="left"><code>ml</code></td><td align="left">margin-left:;</td></tr><tr><td align="left"><code>ml:a</code></td><td align="left">margin-left:auto;</td></tr><tr><td align="left"><code>p</code></td><td align="left">padding:;</td></tr><tr><td align="left"><code>pt</code></td><td align="left">padding-top:;</td></tr><tr><td align="left"><code>pr</code></td><td align="left">padding-right:;</td></tr><tr><td align="left"><code>pb</code></td><td align="left">padding-bottom:;</td></tr><tr><td align="left"><code>pl</code></td><td align="left">padding-left:;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="盒子尺寸"><a aria-hidden="true" tabindex="-1" href="#盒子尺寸"><span class="icon icon-link"></span></a>盒子尺寸</h3><div class="wrap-body">













































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>bxz</code></td><td align="left">box-sizing:border-box;</td></tr><tr><td align="left"><code>bxz:cb</code></td><td align="left">box-sizing:content-box;</td></tr><tr><td align="left"><code>bxz:bb</code></td><td align="left">box-sizing:border-box;</td></tr><tr><td align="left"><code>bxsh</code></td><td align="left">box-shadow:inset hoff voff blur color;</td></tr><tr><td align="left"><code>bxsh:r</code></td><td align="left">box-shadow:inset hoff voff blur spread rgb(0, 0, 0);</td></tr><tr><td align="left"><code>bxsh:ra</code></td><td align="left">box-shadow:inset h v blur spread rgba(0, 0, 0, .5);</td></tr><tr><td align="left"><code>bxsh:n</code></td><td align="left">box-shadow:none;</td></tr><tr><td align="left"><code>w</code></td><td align="left">width:;</td></tr><tr><td align="left"><code>w:a</code></td><td align="left">width:auto;</td></tr><tr><td align="left"><code>h</code></td><td align="left">height:;</td></tr><tr><td align="left"><code>h:a</code></td><td align="left">height:auto;</td></tr><tr><td align="left"><code>maw</code></td><td align="left">max-width:;</td></tr><tr><td align="left"><code>maw:n</code></td><td align="left">max-width:none;</td></tr><tr><td align="left"><code>mah</code></td><td align="left">max-height:;</td></tr><tr><td align="left"><code>mah:n</code></td><td align="left">max-height:none;</td></tr><tr><td align="left"><code>miw</code></td><td align="left">min-width:;</td></tr><tr><td align="left"><code>mih</code></td><td align="left">min-height:;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist row-span-2"><div class="wrap-header h3wrap"><h3 id="字体"><a aria-hidden="true" tabindex="-1" href="#字体"><span class="icon icon-link"></span></a>字体</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-2-->





































































































































































































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>f</code></td><td align="left">font:;</td></tr><tr><td align="left"><code>f+</code></td><td align="left">font:1em Arial,sans-serif;</td></tr><tr><td align="left"><code>fw</code></td><td align="left">font-weight:;</td></tr><tr><td align="left"><code>fw:n</code></td><td align="left">font-weight:normal;</td></tr><tr><td align="left"><code>fw:b</code></td><td align="left">font-weight:bold;</td></tr><tr><td align="left"><code>fw:br</code></td><td align="left">font-weight:bolder;</td></tr><tr><td align="left"><code>fw:lr</code></td><td align="left">font-weight:lighter;</td></tr><tr><td align="left"><code>fs</code></td><td align="left">font-style:${italic};</td></tr><tr><td align="left"><code>fs:n</code></td><td align="left">font-style:normal;</td></tr><tr><td align="left"><code>fs:i</code></td><td align="left">font-style:italic;</td></tr><tr><td align="left"><code>fs:o</code></td><td align="left">font-style:oblique;</td></tr><tr><td align="left"><code>fv</code></td><td align="left">font-variant:;</td></tr><tr><td align="left"><code>fv:n</code></td><td align="left">font-variant:normal;</td></tr><tr><td align="left"><code>fv:sc</code></td><td align="left">font-variant:small-caps;</td></tr><tr><td align="left"><code>fz</code></td><td align="left">font-size:;</td></tr><tr><td align="left"><code>fza</code></td><td align="left">font-size-adjust:;</td></tr><tr><td align="left"><code>fza:n</code></td><td align="left">font-size-adjust:none;</td></tr><tr><td align="left"><code>ff</code></td><td align="left">font-family:;</td></tr><tr><td align="left"><code>ff:s</code></td><td align="left">font-family:serif;</td></tr><tr><td align="left"><code>ff:ss</code></td><td align="left">font-family:sans-serif;</td></tr><tr><td align="left"><code>ff:c</code></td><td align="left">font-family:cursive;</td></tr><tr><td align="left"><code>ff:f</code></td><td align="left">font-family:fantasy;</td></tr><tr><td align="left"><code>ff:m</code></td><td align="left">font-family:monospace;</td></tr><tr><td align="left"><code>ff:a</code></td><td align="left">font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;</td></tr><tr><td align="left"><code>ff:t</code></td><td align="left">font-family: "Times New Roman", Times, Baskerville, Georgia, serif;</td></tr><tr><td align="left"><code>ff:v</code></td><td align="left">font-family: Verdana, Geneva, sans-serif;</td></tr><tr><td align="left"><code>fef</code></td><td align="left">font-effect:;</td></tr><tr><td align="left"><code>fef:n</code></td><td align="left">font-effect:none;</td></tr><tr><td align="left"><code>fef:eg</code></td><td align="left">font-effect:engrave;</td></tr><tr><td align="left"><code>fef:eb</code></td><td align="left">font-effect:emboss;</td></tr><tr><td align="left"><code>fef:o</code></td><td align="left">font-effect:outline;</td></tr><tr><td align="left"><code>fem</code></td><td align="left">font-emphasize:;</td></tr><tr><td align="left"><code>femp</code></td><td align="left">font-emphasize-position:;</td></tr><tr><td align="left"><code>femp:b</code></td><td align="left">font-emphasize-position:before;</td></tr><tr><td align="left"><code>femp:a</code></td><td align="left">font-emphasize-position:after;</td></tr><tr><td align="left"><code>fems</code></td><td align="left">font-emphasize-style:;</td></tr><tr><td align="left"><code>fems:n</code></td><td align="left">font-emphasize-style:none;</td></tr><tr><td align="left"><code>fems:ac</code></td><td align="left">font-emphasize-style:accent;</td></tr><tr><td align="left"><code>fems:dt</code></td><td align="left">font-emphasize-style:dot;</td></tr><tr><td align="left"><code>fems:c</code></td><td align="left">font-emphasize-style:circle;</td></tr><tr><td align="left"><code>fems:ds</code></td><td align="left">font-emphasize-style:disc;</td></tr><tr><td align="left"><code>fsm</code></td><td align="left">font-smooth:;</td></tr><tr><td align="left"><code>fsm:a</code></td><td align="left">font-smooth:auto;</td></tr><tr><td align="left"><code>fsm:n</code></td><td align="left">font-smooth:never;</td></tr><tr><td align="left"><code>fsm:aw</code></td><td align="left">font-smooth:always;</td></tr><tr><td align="left"><code>fst</code></td><td align="left">font-stretch:;</td></tr><tr><td align="left"><code>fst:n</code></td><td align="left">font-stretch:normal;</td></tr><tr><td align="left"><code>fst:uc</code></td><td align="left">font-stretch:ultra-condensed;</td></tr><tr><td align="left"><code>fst:ec</code></td><td align="left">font-stretch:extra-condensed;</td></tr><tr><td align="left"><code>fst:c</code></td><td align="left">font-stretch:condensed;</td></tr><tr><td align="left"><code>fst:sc</code></td><td align="left">font-stretch:semi-condensed;</td></tr><tr><td align="left"><code>fst:se</code></td><td align="left">font-stretch:semi-expanded;</td></tr><tr><td align="left"><code>fst:e</code></td><td align="left">font-stretch:expanded;</td></tr><tr><td align="left"><code>fst:ee</code></td><td align="left">font-stretch:extra-expanded;</td></tr><tr><td align="left"><code>fst:ue</code></td><td align="left">font-stretch:ultra-expanded;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="背景"><a aria-hidden="true" tabindex="-1" href="#背景"><span class="icon icon-link"></span></a>背景</h3><div class="wrap-body">

























































































































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>bg</code></td><td align="left">background:#000;</td></tr><tr><td align="left"><code>bg+</code></td><td align="left">background:#fff url() 0 0 no-repeat;</td></tr><tr><td align="left"><code>bg:n</code></td><td align="left">background:none;</td></tr><tr><td align="left"><code>bgc</code></td><td align="left">background-color:#fff;</td></tr><tr><td align="left"><code>bgc:t</code></td><td align="left">background-color:transparent;</td></tr><tr><td align="left"><code>bgi</code></td><td align="left">background-image:url();</td></tr><tr><td align="left"><code>bgi:n</code></td><td align="left">background-image:none;</td></tr><tr><td align="left"><code>bgr</code></td><td align="left">background-repeat:;</td></tr><tr><td align="left"><code>bgr:n</code></td><td align="left">background-repeat:no-repeat;</td></tr><tr><td align="left"><code>bgr:x</code></td><td align="left">background-repeat:repeat-x;</td></tr><tr><td align="left"><code>bgr:y</code></td><td align="left">background-repeat:repeat-y;</td></tr><tr><td align="left"><code>bgr:sp</code></td><td align="left">background-repeat:space;</td></tr><tr><td align="left"><code>bgr:rd</code></td><td align="left">background-repeat:round;</td></tr><tr><td align="left"><code>bga</code></td><td align="left">background-attachment:;</td></tr><tr><td align="left"><code>bga:f</code></td><td align="left">background-attachment:fixed;</td></tr><tr><td align="left"><code>bga:s</code></td><td align="left">background-attachment:scroll;</td></tr><tr><td align="left"><code>bgp</code></td><td align="left">background-position:0 0;</td></tr><tr><td align="left"><code>bgpx</code></td><td align="left">background-position-x:;</td></tr><tr><td align="left"><code>bgpy</code></td><td align="left">background-position-y:;</td></tr><tr><td align="left"><code>bgbk</code></td><td align="left">background-break:;</td></tr><tr><td align="left"><code>bgbk:bb</code></td><td align="left">background-break:bounding-box;</td></tr><tr><td align="left"><code>bgbk:eb</code></td><td align="left">background-break:each-box;</td></tr><tr><td align="left"><code>bgbk:c</code></td><td align="left">background-break:continuous;</td></tr><tr><td align="left"><code>bgcp</code></td><td align="left">background-clip:padding-box;</td></tr><tr><td align="left"><code>bgcp:bb</code></td><td align="left">background-clip:border-box;</td></tr><tr><td align="left"><code>bgcp:pb</code></td><td align="left">background-clip:padding-box;</td></tr><tr><td align="left"><code>bgcp:cb</code></td><td align="left">background-clip:content-box;</td></tr><tr><td align="left"><code>bgcp:nc</code></td><td align="left">background-clip:no-clip;</td></tr><tr><td align="left"><code>bgo</code></td><td align="left">background-origin:;</td></tr><tr><td align="left"><code>bgo:pb</code></td><td align="left">background-origin:padding-box;</td></tr><tr><td align="left"><code>bgo:bb</code></td><td align="left">background-origin:border-box;</td></tr><tr><td align="left"><code>bgo:cb</code></td><td align="left">background-origin:content-box;</td></tr><tr><td align="left"><code>bgsz</code></td><td align="left">background-size:;</td></tr><tr><td align="left"><code>bgsz:a</code></td><td align="left">background-size:auto;</td></tr><tr><td align="left"><code>bgsz:ct</code></td><td align="left">background-size:contain;</td></tr><tr><td align="left"><code>bgsz:cv</code></td><td align="left">background-size:cover;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="lists"><a aria-hidden="true" tabindex="-1" href="#lists"><span class="icon icon-link"></span></a>Lists</h3><div class="wrap-body">









































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>lis</code></td><td align="left">list-style:;</td></tr><tr><td align="left"><code>lis:n</code></td><td align="left">list-style:none;</td></tr><tr><td align="left"><code>lisp</code></td><td align="left">list-style-position:;</td></tr><tr><td align="left"><code>lisp:i</code></td><td align="left">list-style-position:inside;</td></tr><tr><td align="left"><code>lisp:o</code></td><td align="left">list-style-position:outside;</td></tr><tr><td align="left"><code>list</code></td><td align="left">list-style-type:;</td></tr><tr><td align="left"><code>list:n</code></td><td align="left">list-style-type:none;</td></tr><tr><td align="left"><code>list:d</code></td><td align="left">list-style-type:disc;</td></tr><tr><td align="left"><code>list:c</code></td><td align="left">list-style-type:circle;</td></tr><tr><td align="left"><code>list:s</code></td><td align="left">list-style-type:square;</td></tr><tr><td align="left"><code>list:dc</code></td><td align="left">list-style-type:decimal;</td></tr><tr><td align="left"><code>list:dclz</code></td><td align="left">list-style-type:decimal-leading-zero;</td></tr><tr><td align="left"><code>list:lr</code></td><td align="left">list-style-type:lower-roman;</td></tr><tr><td align="left"><code>list:ur</code></td><td align="left">list-style-type:upper-roman;</td></tr><tr><td align="left"><code>lisi</code></td><td align="left">list-style-image:;</td></tr><tr><td align="left"><code>lisi:n</code></td><td align="left">list-style-image:none;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="tables"><a aria-hidden="true" tabindex="-1" href="#tables"><span class="icon icon-link"></span></a>Tables</h3><div class="wrap-body">













































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>tbl</code></td><td align="left">table-layout:;</td></tr><tr><td align="left"><code>tbl:a</code></td><td align="left">table-layout:auto;</td></tr><tr><td align="left"><code>tbl:f</code></td><td align="left">table-layout:fixed;</td></tr><tr><td align="left"><code>cps</code></td><td align="left">caption-side:;</td></tr><tr><td align="left"><code>cps:t</code></td><td align="left">caption-side:top;</td></tr><tr><td align="left"><code>cps:b</code></td><td align="left">caption-side:bottom;</td></tr><tr><td align="left"><code>ec</code></td><td align="left">empty-cells:;</td></tr><tr><td align="left"><code>ec:s</code></td><td align="left">empty-cells:show;</td></tr><tr><td align="left"><code>ec:h</code></td><td align="left">empty-cells:hide;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="颜色"><a aria-hidden="true" tabindex="-1" href="#颜色"><span class="icon icon-link"></span></a>颜色</h3><div class="wrap-body">

























<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>c</code></td><td align="left">color:#000;</td></tr><tr><td align="left"><code>c:r</code></td><td align="left">color:rgb(0, 0, 0);</td></tr><tr><td align="left"><code>c:ra</code></td><td align="left">color:rgba(0, 0, 0, .5);</td></tr><tr><td align="left"><code>op</code></td><td align="left">opacity:;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist row-span-4"><div class="wrap-header h3wrap"><h3 id="文本"><a aria-hidden="true" tabindex="-1" href="#文本"><span class="icon icon-link"></span></a>文本</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-4-->





























































































































































































































































































































































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>va</code></td><td align="left">vertical-align:top;</td></tr><tr><td align="left"><code>va:sup</code></td><td align="left">vertical-align:super;</td></tr><tr><td align="left"><code>va:t</code></td><td align="left">vertical-align:top;</td></tr><tr><td align="left"><code>va:tt</code></td><td align="left">vertical-align:text-top;</td></tr><tr><td align="left"><code>va:m</code></td><td align="left">vertical-align:middle;</td></tr><tr><td align="left"><code>va:bl</code></td><td align="left">vertical-align:baseline;</td></tr><tr><td align="left"><code>va:b</code></td><td align="left">vertical-align:bottom;</td></tr><tr><td align="left"><code>va:tb</code></td><td align="left">vertical-align:text-bottom;</td></tr><tr><td align="left"><code>va:sub</code></td><td align="left">vertical-align:sub;</td></tr><tr><td align="left"><code>ta</code></td><td align="left">text-align:left;</td></tr><tr><td align="left"><code>ta:l</code></td><td align="left">text-align:left;</td></tr><tr><td align="left"><code>ta:c</code></td><td align="left">text-align:center;</td></tr><tr><td align="left"><code>ta:r</code></td><td align="left">text-align:right;</td></tr><tr><td align="left"><code>ta:j</code></td><td align="left">text-align:justify;</td></tr><tr><td align="left"><code>ta-lst</code></td><td align="left">text-align-last:;</td></tr><tr><td align="left"><code>tal:a</code></td><td align="left">text-align-last:auto;</td></tr><tr><td align="left"><code>tal:l</code></td><td align="left">text-align-last:left;</td></tr><tr><td align="left"><code>tal:c</code></td><td align="left">text-align-last:center;</td></tr><tr><td align="left"><code>tal:r</code></td><td align="left">text-align-last:right;</td></tr><tr><td align="left"><code>td</code></td><td align="left">text-decoration:none;</td></tr><tr><td align="left"><code>td:n</code></td><td align="left">text-decoration:none;</td></tr><tr><td align="left"><code>td:u</code></td><td align="left">text-decoration:underline;</td></tr><tr><td align="left"><code>td:o</code></td><td align="left">text-decoration:overline;</td></tr><tr><td align="left"><code>td:l</code></td><td align="left">text-decoration:line-through;</td></tr><tr><td align="left"><code>te</code></td><td align="left">text-emphasis:;</td></tr><tr><td align="left"><code>te:n</code></td><td align="left">text-emphasis:none;</td></tr><tr><td align="left"><code>te:ac</code></td><td align="left">text-emphasis:accent;</td></tr><tr><td align="left"><code>te:dt</code></td><td align="left">text-emphasis:dot;</td></tr><tr><td align="left"><code>te:c</code></td><td align="left">text-emphasis:circle;</td></tr><tr><td align="left"><code>te:ds</code></td><td align="left">text-emphasis:disc;</td></tr><tr><td align="left"><code>te:b</code></td><td align="left">text-emphasis:before;</td></tr><tr><td align="left"><code>te:a</code></td><td align="left">text-emphasis:after;</td></tr><tr><td align="left"><code>th</code></td><td align="left">text-height:;</td></tr><tr><td align="left"><code>th:a</code></td><td align="left">text-height:auto;</td></tr><tr><td align="left"><code>th:f</code></td><td align="left">text-height:font-size;</td></tr><tr><td align="left"><code>th:t</code></td><td align="left">text-height:text-size;</td></tr><tr><td align="left"><code>th:m</code></td><td align="left">text-height:max-size;</td></tr><tr><td align="left"><code>ti</code></td><td align="left">text-indent:;</td></tr><tr><td align="left"><code>ti:-</code></td><td align="left">text-indent:-9999px;</td></tr><tr><td align="left"><code>tj</code></td><td align="left">text-justify:;</td></tr><tr><td align="left"><code>tj:a</code></td><td align="left">text-justify:auto;</td></tr><tr><td align="left"><code>tj:iw</code></td><td align="left">text-justify:inter-word;</td></tr><tr><td align="left"><code>tj:ii</code></td><td align="left">text-justify:inter-ideograph;</td></tr><tr><td align="left"><code>tj:ic</code></td><td align="left">text-justify:inter-cluster;</td></tr><tr><td align="left"><code>tj:d</code></td><td align="left">text-justify:distribute;</td></tr><tr><td align="left"><code>tj:k</code></td><td align="left">text-justify:kashida;</td></tr><tr><td align="left"><code>tj:t</code></td><td align="left">text-justify:tibetan;</td></tr><tr><td align="left"><code>to</code></td><td align="left">text-outline:;</td></tr><tr><td align="left"><code>to+</code></td><td align="left">text-outline:0 0 #000;</td></tr><tr><td align="left"><code>to:n</code></td><td align="left">text-outline:none;</td></tr><tr><td align="left"><code>tr</code></td><td align="left">text-replace:;</td></tr><tr><td align="left"><code>tr:n</code></td><td align="left">text-replace:none;</td></tr><tr><td align="left"><code>tt</code></td><td align="left">text-transform:uppercase;</td></tr><tr><td align="left"><code>tt:n</code></td><td align="left">text-transform:none;</td></tr><tr><td align="left"><code>tt:c</code></td><td align="left">text-transform:capitalize;</td></tr><tr><td align="left"><code>tt:u</code></td><td align="left">text-transform:uppercase;</td></tr><tr><td align="left"><code>tt:l</code></td><td align="left">text-transform:lowercase;</td></tr><tr><td align="left"><code>tw</code></td><td align="left">text-wrap:;</td></tr><tr><td align="left"><code>tw:n</code></td><td align="left">text-wrap:normal;</td></tr><tr><td align="left"><code>tw:no</code></td><td align="left">text-wrap:none;</td></tr><tr><td align="left"><code>tw:u</code></td><td align="left">text-wrap:unrestricted;</td></tr><tr><td align="left"><code>tw:s</code></td><td align="left">text-wrap:suppress;</td></tr><tr><td align="left"><code>tsh</code></td><td align="left">text-shadow:hoff voff blur #000;</td></tr><tr><td align="left"><code>tsh:r</code></td><td align="left">text-shadow:h v blur rgb(0, 0, 0);</td></tr><tr><td align="left"><code>tsh:ra</code></td><td align="left">text-shadow:h v blur rgba(0, 0, 0, .5);</td></tr><tr><td align="left"><code>tsh+</code></td><td align="left">text-shadow:0 0 0 #000;</td></tr><tr><td align="left"><code>tsh:n</code></td><td align="left">text-shadow:none;</td></tr><tr><td align="left"><code>lh</code></td><td align="left">line-height:;</td></tr><tr><td align="left"><code>lts</code></td><td align="left">letter-spacing:;</td></tr><tr><td align="left"><code>lts-n</code></td><td align="left">letter-spacing:normal;</td></tr><tr><td align="left"><code>whs</code></td><td align="left">white-space:;</td></tr><tr><td align="left"><code>whs:n</code></td><td align="left">white-space:normal;</td></tr><tr><td align="left"><code>whs:p</code></td><td align="left">white-space:pre;</td></tr><tr><td align="left"><code>whs:nw</code></td><td align="left">white-space:nowrap;</td></tr><tr><td align="left"><code>whs:pw</code></td><td align="left">white-space:pre-wrap;</td></tr><tr><td align="left"><code>whs:pl</code></td><td align="left">white-space:pre-line;</td></tr><tr><td align="left"><code>whsc</code></td><td align="left">white-space-collapse:;</td></tr><tr><td align="left"><code>whsc:n</code></td><td align="left">white-space-collapse:normal;</td></tr><tr><td align="left"><code>whsc:k</code></td><td align="left">white-space-collapse:keep-all;</td></tr><tr><td align="left"><code>whsc:l</code></td><td align="left">white-space-collapse:loose;</td></tr><tr><td align="left"><code>whsc:bs</code></td><td align="left">white-space-collapse:break-strict;</td></tr><tr><td align="left"><code>whsc:ba</code></td><td align="left">white-space-collapse:break-all;</td></tr><tr><td align="left"><code>wob</code></td><td align="left">word-break:;</td></tr><tr><td align="left"><code>wob:n</code></td><td align="left">word-break:normal;</td></tr><tr><td align="left"><code>wob:k</code></td><td align="left">word-break:keep-all;</td></tr><tr><td align="left"><code>wob:ba</code></td><td align="left">word-break:break-all;</td></tr><tr><td align="left"><code>wos</code></td><td align="left">word-spacing:;</td></tr><tr><td align="left"><code>wow</code></td><td align="left">word-wrap:;</td></tr><tr><td align="left"><code>wow:nm</code></td><td align="left">word-wrap:normal;</td></tr><tr><td align="left"><code>wow:n</code></td><td align="left">word-wrap:none;</td></tr><tr><td align="left"><code>wow:u</code></td><td align="left">word-wrap:unrestricted;</td></tr><tr><td align="left"><code>wow:s</code></td><td align="left">word-wrap:suppress;</td></tr><tr><td align="left"><code>wow:b</code></td><td align="left">word-wrap:break-word;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist row-span-4"><div class="wrap-header h3wrap"><h3 id="border"><a aria-hidden="true" tabindex="-1" href="#border"><span class="icon icon-link"></span></a>Border</h3><div class="wrap-body">
<!--rehype:wrap-class=row-span-4-->

















































































































































































































































































































































































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>bd</code></td><td align="left">border:;</td></tr><tr><td align="left"><code>bd+</code></td><td align="left">border:1px solid #000;</td></tr><tr><td align="left"><code>bd:n</code></td><td align="left">border:none;</td></tr><tr><td align="left"><code>bdbk</code></td><td align="left">border-break:close;</td></tr><tr><td align="left"><code>bdbk:c</code></td><td align="left">border-break:close;</td></tr><tr><td align="left"><code>bdcl</code></td><td align="left">border-collapse:;</td></tr><tr><td align="left"><code>bdcl:c</code></td><td align="left">border-collapse:collapse;</td></tr><tr><td align="left"><code>bdcl:s</code></td><td align="left">border-collapse:separate;</td></tr><tr><td align="left"><code>bdc</code></td><td align="left">border-color:#000;</td></tr><tr><td align="left"><code>bdc:t</code></td><td align="left">border-color:transparent;</td></tr><tr><td align="left"><code>bdi</code></td><td align="left">border-image:url();</td></tr><tr><td align="left"><code>bdi:n</code></td><td align="left">border-image:none;</td></tr><tr><td align="left"><code>bdti</code></td><td align="left">border-top-image:url();</td></tr><tr><td align="left"><code>bdti:n</code></td><td align="left">border-top-image:none;</td></tr><tr><td align="left"><code>bdri</code></td><td align="left">border-right-image:url();</td></tr><tr><td align="left"><code>bdri:n</code></td><td align="left">border-right-image:none;</td></tr><tr><td align="left"><code>bdbi</code></td><td align="left">border-bottom-image:url();</td></tr><tr><td align="left"><code>bdbi:n</code></td><td align="left">border-bottom-image:none;</td></tr><tr><td align="left"><code>bdli</code></td><td align="left">border-left-image:url();</td></tr><tr><td align="left"><code>bdli:n</code></td><td align="left">border-left-image:none;</td></tr><tr><td align="left"><code>bdci</code></td><td align="left">border-corner-image:url();</td></tr><tr><td align="left"><code>bdci:n</code></td><td align="left">border-corner-image:none;</td></tr><tr><td align="left"><code>bdci:c</code></td><td align="left">border-corner-image:continue;</td></tr><tr><td align="left"><code>bdtli</code></td><td align="left">border-top-left-image:url();</td></tr><tr><td align="left"><code>bdtli:n</code></td><td align="left">border-top-left-image:none;</td></tr><tr><td align="left"><code>bdtli:c</code></td><td align="left">border-top-left-image:continue;</td></tr><tr><td align="left"><code>bdtri</code></td><td align="left">border-top-right-image:url();</td></tr><tr><td align="left"><code>bdtri:n</code></td><td align="left">border-top-right-image:none;</td></tr><tr><td align="left"><code>bdtri:c</code></td><td align="left">border-top-right-image:continue;</td></tr><tr><td align="left"><code>bdbri</code></td><td align="left">border-bottom-right-image:url();</td></tr><tr><td align="left"><code>bdbri:n</code></td><td align="left">border-bottom-right-image:none;</td></tr><tr><td align="left"><code>bdbri:c</code></td><td align="left">border-bottom-right-image:continue;</td></tr><tr><td align="left"><code>bdbli</code></td><td align="left">border-bottom-left-image:url();</td></tr><tr><td align="left"><code>bdbli:n</code></td><td align="left">border-bottom-left-image:none;</td></tr><tr><td align="left"><code>bdbli:c</code></td><td align="left">border-bottom-left-image:continue;</td></tr><tr><td align="left"><code>bdf</code></td><td align="left">border-fit:repeat;</td></tr><tr><td align="left"><code>bdf:c</code></td><td align="left">border-fit:clip;</td></tr><tr><td align="left"><code>bdf:r</code></td><td align="left">border-fit:repeat;</td></tr><tr><td align="left"><code>bdf:sc</code></td><td align="left">border-fit:scale;</td></tr><tr><td align="left"><code>bdf:st</code></td><td align="left">border-fit:stretch;</td></tr><tr><td align="left"><code>bdf:ow</code></td><td align="left">border-fit:overwrite;</td></tr><tr><td align="left"><code>bdf:of</code></td><td align="left">border-fit:overflow;</td></tr><tr><td align="left"><code>bdf:sp</code></td><td align="left">border-fit:space;</td></tr><tr><td align="left"><code>bdlen</code></td><td align="left">border-length:;</td></tr><tr><td align="left"><code>bdlen:a</code></td><td align="left">border-length:auto;</td></tr><tr><td align="left"><code>bdsp</code></td><td align="left">border-spacing:;</td></tr><tr><td align="left"><code>bds</code></td><td align="left">border-style:;</td></tr><tr><td align="left"><code>bds:n</code></td><td align="left">border-style:none;</td></tr><tr><td align="left"><code>bds:h</code></td><td align="left">border-style:hidden;</td></tr><tr><td align="left"><code>bds:dt</code></td><td align="left">border-style:dotted;</td></tr><tr><td align="left"><code>bds:ds</code></td><td align="left">border-style:dashed;</td></tr><tr><td align="left"><code>bds:s</code></td><td align="left">border-style:solid;</td></tr><tr><td align="left"><code>bds:db</code></td><td align="left">border-style:double;</td></tr><tr><td align="left"><code>bds:dtds</code></td><td align="left">border-style:dot-dash;</td></tr><tr><td align="left"><code>bds:dtdtds</code></td><td align="left">border-style:dot-dot-dash;</td></tr><tr><td align="left"><code>bds:w</code></td><td align="left">border-style:wave;</td></tr><tr><td align="left"><code>bds:g</code></td><td align="left">border-style:groove;</td></tr><tr><td align="left"><code>bds:r</code></td><td align="left">border-style:ridge;</td></tr><tr><td align="left"><code>bds:i</code></td><td align="left">border-style:inset;</td></tr><tr><td align="left"><code>bds:o</code></td><td align="left">border-style:outset;</td></tr><tr><td align="left"><code>bdw</code></td><td align="left">border-width:;</td></tr><tr><td align="left"><code>bdt, bt</code></td><td align="left">border-top:;</td></tr><tr><td align="left"><code>bdt+</code></td><td align="left">border-top:1px solid #000;</td></tr><tr><td align="left"><code>bdt:n</code></td><td align="left">border-top:none;</td></tr><tr><td align="left"><code>bdtw</code></td><td align="left">border-top-width:;</td></tr><tr><td align="left"><code>bdts</code></td><td align="left">border-top-style:;</td></tr><tr><td align="left"><code>bdts:n</code></td><td align="left">border-top-style:none;</td></tr><tr><td align="left"><code>bdtc</code></td><td align="left">border-top-color:#000;</td></tr><tr><td align="left"><code>bdtc:t</code></td><td align="left">border-top-color:transparent;</td></tr><tr><td align="left"><code>bdr, br</code></td><td align="left">border-right:;</td></tr><tr><td align="left"><code>bdr+</code></td><td align="left">border-right:1px solid #000;</td></tr><tr><td align="left"><code>bdr:n</code></td><td align="left">border-right:none;</td></tr><tr><td align="left"><code>bdrw</code></td><td align="left">border-right-width:;</td></tr><tr><td align="left"><code>bdrst</code></td><td align="left">border-right-style:;</td></tr><tr><td align="left"><code>bdrst:n</code></td><td align="left">border-right-style:none;</td></tr><tr><td align="left"><code>bdrc</code></td><td align="left">border-right-color:#000;</td></tr><tr><td align="left"><code>bdrc:t</code></td><td align="left">border-right-color:transparent;</td></tr><tr><td align="left"><code>bdb, bb</code></td><td align="left">border-bottom:;</td></tr><tr><td align="left"><code>bdb+</code></td><td align="left">border-bottom:1px solid #000;</td></tr><tr><td align="left"><code>bdb:n</code></td><td align="left">border-bottom:none;</td></tr><tr><td align="left"><code>bdbw</code></td><td align="left">border-bottom-width:;</td></tr><tr><td align="left"><code>bdbs</code></td><td align="left">border-bottom-style:;</td></tr><tr><td align="left"><code>bdbs:n</code></td><td align="left">border-bottom-style:none;</td></tr><tr><td align="left"><code>bdbc</code></td><td align="left">border-bottom-color:#000;</td></tr><tr><td align="left"><code>bdbc:t</code></td><td align="left">border-bottom-color:transparent;</td></tr><tr><td align="left"><code>bdl, bl</code></td><td align="left">border-left:;</td></tr><tr><td align="left"><code>bdl+</code></td><td align="left">border-left:1px solid #000;</td></tr><tr><td align="left"><code>bdl:n</code></td><td align="left">border-left:none;</td></tr><tr><td align="left"><code>bdlw</code></td><td align="left">border-left-width:;</td></tr><tr><td align="left"><code>bdls</code></td><td align="left">border-left-style:;</td></tr><tr><td align="left"><code>bdls:n</code></td><td align="left">border-left-style:none;</td></tr><tr><td align="left"><code>bdlc</code></td><td align="left">border-left-color:#000;</td></tr><tr><td align="left"><code>bdlc:t</code></td><td align="left">border-left-color:transparent;</td></tr><tr><td align="left"><code>bdrs</code></td><td align="left">border-radius:;</td></tr><tr><td align="left"><code>bdtrrs</code></td><td align="left">border-top-right-radius:;</td></tr><tr><td align="left"><code>bdtlrs</code></td><td align="left">border-top-left-radius:;</td></tr><tr><td align="left"><code>bdbrrs</code></td><td align="left">border-bottom-right-radius:;</td></tr><tr><td align="left"><code>bdblrs</code></td><td align="left">border-bottom-left-radius:;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="生成的内容"><a aria-hidden="true" tabindex="-1" href="#生成的内容"><span class="icon icon-link"></span></a>生成的内容</h3><div class="wrap-body">









































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>cnt</code></td><td align="left">content:'';</td></tr><tr><td align="left"><code>cnt:n, ct:n</code></td><td align="left">content:normal;</td></tr><tr><td align="left"><code>cnt:oq, ct:oq</code></td><td align="left">content:open-quote;</td></tr><tr><td align="left"><code>cnt:noq, ct:noq</code></td><td align="left">content:no-open-quote;</td></tr><tr><td align="left"><code>cnt:cq, ct:cq</code></td><td align="left">content:close-quote;</td></tr><tr><td align="left"><code>cnt:ncq, ct:ncq</code></td><td align="left">content:no-close-quote;</td></tr><tr><td align="left"><code>cnt:a, ct:a</code></td><td align="left">content:attr();</td></tr><tr><td align="left"><code>cnt:c, ct:c</code></td><td align="left">content:counter();</td></tr><tr><td align="left"><code>cnt:cs, ct:cs</code></td><td align="left">content:counters();</td></tr><tr><td align="left"><code>ct</code></td><td align="left">content:;</td></tr><tr><td align="left"><code>q</code></td><td align="left">quotes:;</td></tr><tr><td align="left"><code>q:n</code></td><td align="left">quotes:none;</td></tr><tr><td align="left"><code>q:ru</code></td><td align="left">quotes:'\00AB' '\00BB' '\201E' '\201C';</td></tr><tr><td align="left"><code>q:en</code></td><td align="left">quotes:'\201C' '\201D' '\2018' '\2019';</td></tr><tr><td align="left"><code>coi</code></td><td align="left">counter-increment:;</td></tr><tr><td align="left"><code>cor</code></td><td align="left">counter-reset:;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="outline"><a aria-hidden="true" tabindex="-1" href="#outline"><span class="icon icon-link"></span></a>Outline</h3><div class="wrap-body">





















































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>ol</code></td><td align="left">outline:;</td></tr><tr><td align="left"><code>ol:n</code></td><td align="left">outline:none;</td></tr><tr><td align="left"><code>olo</code></td><td align="left">outline-offset:;</td></tr><tr><td align="left"><code>olw</code></td><td align="left">outline-width:;</td></tr><tr><td align="left"><code>olw:tn</code></td><td align="left">outline-width:thin;</td></tr><tr><td align="left"><code>olw:m</code></td><td align="left">outline-width:medium;</td></tr><tr><td align="left"><code>olw:tc</code></td><td align="left">outline-width:thick;</td></tr><tr><td align="left"><code>ols</code></td><td align="left">outline-style:;</td></tr><tr><td align="left"><code>ols:n</code></td><td align="left">outline-style:none;</td></tr><tr><td align="left"><code>ols:dt</code></td><td align="left">outline-style:dotted;</td></tr><tr><td align="left"><code>ols:ds</code></td><td align="left">outline-style:dashed;</td></tr><tr><td align="left"><code>ols:s</code></td><td align="left">outline-style:solid;</td></tr><tr><td align="left"><code>ols:db</code></td><td align="left">outline-style:double;</td></tr><tr><td align="left"><code>ols:g</code></td><td align="left">outline-style:groove;</td></tr><tr><td align="left"><code>ols:r</code></td><td align="left">outline-style:ridge;</td></tr><tr><td align="left"><code>ols:i</code></td><td align="left">outline-style:inset;</td></tr><tr><td align="left"><code>ols:o</code></td><td align="left">outline-style:outset;</td></tr><tr><td align="left"><code>olc</code></td><td align="left">outline-color:#000;</td></tr><tr><td align="left"><code>olc:i</code></td><td align="left">outline-color:invert;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="print"><a aria-hidden="true" tabindex="-1" href="#print"><span class="icon icon-link"></span></a>Print</h3><div class="wrap-body">





































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>pgbb</code></td><td align="left">page-break-before:;</td></tr><tr><td align="left"><code>pgbb:au</code></td><td align="left">page-break-before:auto;</td></tr><tr><td align="left"><code>pgbb:al</code></td><td align="left">page-break-before:always;</td></tr><tr><td align="left"><code>pgbb:l</code></td><td align="left">page-break-before:left;</td></tr><tr><td align="left"><code>pgbb:r</code></td><td align="left">page-break-before:right;</td></tr><tr><td align="left"><code>pgbi</code></td><td align="left">page-break-inside:;</td></tr><tr><td align="left"><code>pgbi:au</code></td><td align="left">page-break-inside:auto;</td></tr><tr><td align="left"><code>pgbi:av</code></td><td align="left">page-break-inside:avoid;</td></tr><tr><td align="left"><code>pgba</code></td><td align="left">page-break-after:;</td></tr><tr><td align="left"><code>pgba:au</code></td><td align="left">page-break-after:auto;</td></tr><tr><td align="left"><code>pgba:al</code></td><td align="left">page-break-after:always;</td></tr><tr><td align="left"><code>pgba:l</code></td><td align="left">page-break-after:left;</td></tr><tr><td align="left"><code>pgba:r</code></td><td align="left">page-break-after:right;</td></tr><tr><td align="left"><code>orp</code></td><td align="left">orphans:;</td></tr><tr><td align="left"><code>wid</code></td><td align="left">widows:;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-exist"><div class="wrap-header h3wrap"><h3 id="others"><a aria-hidden="true" tabindex="-1" href="#others"><span class="icon icon-link"></span></a>Others</h3><div class="wrap-body">













<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>!</code></td><td align="left">!important</td></tr></tbody></table>
<h4 id="f"><a aria-hidden="true" tabindex="-1" href="#f"><span class="icon icon-link"></span></a>@f</h4>
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">{</span>
</span><span class="code-line">    <span class="token property">font-family</span><span class="token punctuation">:</span><span class="token punctuation">;</span>
</span><span class="code-line">    <span class="token property">src</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>|<span class="token punctuation">)</span></span><span class="token punctuation">;</span>
</span><span class="code-line"><span class="token punctuation">}</span>
</span></code></pre>
<h4 id="f-1"><a aria-hidden="true" tabindex="-1" href="#f-1"><span class="icon icon-link"></span></a>@f+</h4>
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">{</span>
</span><span class="code-line">    <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">'FontName'</span><span class="token punctuation">;</span>
</span><span class="code-line">    <span class="token property">src</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'FileName.eot'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>
</span><span class="code-line">    <span class="token property">src</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'FileName.eot?#iefix'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'embedded-opentype'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
</span><span class="code-line">         <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'FileName.woff'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'woff'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
</span><span class="code-line">         <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'FileName.ttf'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'truetype'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
</span><span class="code-line">         <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'FileName.svg#FontName'</span><span class="token punctuation">)</span></span> <span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'svg'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span><span class="code-line">    <span class="token property">font-style</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
</span><span class="code-line">    <span class="token property">font-weight</span><span class="token punctuation">:</span> normal<span class="token punctuation">;</span>
</span><span class="code-line"><span class="token punctuation">}</span>
</span></code></pre>
<h4 id="i-import"><a aria-hidden="true" tabindex="-1" href="#i-import"><span class="icon icon-link"></span></a>@i, @import</h4>
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token atrule"><span class="token rule">@import</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span></span>
</span></code></pre>
<h4 id="kf"><a aria-hidden="true" tabindex="-1" href="#kf"><span class="icon icon-link"></span></a>@kf</h4>
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token atrule"><span class="token rule">@-webkit-keyframes</span> identifier</span> <span class="token punctuation">{</span>
</span><span class="code-line">    <span class="token selector">from</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line">    <span class="token selector">to</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line"><span class="token punctuation">}</span>
</span><span class="code-line"><span class="token atrule"><span class="token rule">@-o-keyframes</span> identifier</span> <span class="token punctuation">{</span>
</span><span class="code-line">    <span class="token selector">from</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line">    <span class="token selector">to</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line"><span class="token punctuation">}</span>
</span><span class="code-line"><span class="token atrule"><span class="token rule">@-moz-keyframes</span> identifier</span> <span class="token punctuation">{</span>
</span><span class="code-line">    <span class="token selector">from</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line">    <span class="token selector">to</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line"><span class="token punctuation">}</span>
</span><span class="code-line"><span class="token atrule"><span class="token rule">@keyframes</span> identifier</span> <span class="token punctuation">{</span>
</span><span class="code-line">    <span class="token selector">from</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line">    <span class="token selector">to</span> <span class="token punctuation">{</span>  <span class="token punctuation">}</span>
</span><span class="code-line"><span class="token punctuation">}</span>
</span></code></pre>
<h4 id="m-media"><a aria-hidden="true" tabindex="-1" href="#m-media"><span class="icon icon-link"></span></a>@m, @media</h4>
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token atrule"><span class="token rule">@media</span> screen</span> <span class="token punctuation">{</span>
</span><span class="code-line">    
</span><span class="code-line"><span class="token punctuation">}</span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="transform"><a aria-hidden="true" tabindex="-1" href="#transform"><span class="icon icon-link"></span></a>transform</h3><div class="wrap-body">





















































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>trf</code></td><td align="left">transform:;</td></tr><tr><td align="left"><code>trf:r</code></td><td align="left">transform: rotate(angle);</td></tr><tr><td align="left"><code>trf:rx</code></td><td align="left">transform: rotateX(angle);</td></tr><tr><td align="left"><code>trf:ry</code></td><td align="left">transform: rotateY(angle);</td></tr><tr><td align="left"><code>trf:rz</code></td><td align="left">transform: rotateZ(angle);</td></tr><tr><td align="left"><code>trf:sc</code></td><td align="left">transform: scale(x, y);</td></tr><tr><td align="left"><code>trf:sc3</code></td><td align="left">transform: scale3d(x, y, z);</td></tr><tr><td align="left"><code>trf:scx</code></td><td align="left">transform: scaleX(x);</td></tr><tr><td align="left"><code>trf:scy</code></td><td align="left">transform: scaleY(y);</td></tr><tr><td align="left"><code>trf:scz</code></td><td align="left">transform: scaleZ(z);</td></tr><tr><td align="left"><code>trf:skx</code></td><td align="left">transform: skewX(angle);</td></tr><tr><td align="left"><code>trf:sky</code></td><td align="left">transform: skewY(angle);</td></tr><tr><td align="left"><code>trf:t</code></td><td align="left">transform: translate(x, y);</td></tr><tr><td align="left"><code>trf:t3</code></td><td align="left">transform: translate3d(tx, ty, tz);</td></tr><tr><td align="left"><code>trf:tx</code></td><td align="left">transform: translateX(x);</td></tr><tr><td align="left"><code>trf:ty</code></td><td align="left">transform: translateY(y);</td></tr><tr><td align="left"><code>trf:tz</code></td><td align="left">transform: translateZ(z);</td></tr><tr><td align="left"><code>trfo</code></td><td align="left">transform-origin:;</td></tr><tr><td align="left"><code>trfs</code></td><td align="left">transform-style:preserve-3d;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist col-span-2 row-span-3"><div class="wrap-header h3wrap"><h3 id="other"><a aria-hidden="true" tabindex="-1" href="#other"><span class="icon icon-link"></span></a>Other</h3><div class="wrap-body">
<!--rehype:wrap-class=col-span-2 row-span-3-->

















































































































































































































































































































<table class="wrap-text "><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>ac</code></td><td align="left">align-content:;</td></tr><tr><td align="left"><code>ac:c</code></td><td align="left">align-content:center;</td></tr><tr><td align="left"><code>ac:fe</code></td><td align="left">align-content:flex-end;</td></tr><tr><td align="left"><code>ac:fs</code></td><td align="left">align-content:flex-start;</td></tr><tr><td align="left"><code>ac:s</code></td><td align="left">align-content:stretch;</td></tr><tr><td align="left"><code>ac:sa</code></td><td align="left">align-content:space-around;</td></tr><tr><td align="left"><code>ac:sb</code></td><td align="left">align-content:space-between;</td></tr><tr><td align="left"><code>ai</code></td><td align="left">align-items:;</td></tr><tr><td align="left"><code>ai:b</code></td><td align="left">align-items:baseline;</td></tr><tr><td align="left"><code>ai:c</code></td><td align="left">align-items:center;</td></tr><tr><td align="left"><code>ai:fe</code></td><td align="left">align-items:flex-end;</td></tr><tr><td align="left"><code>ai:fs</code></td><td align="left">align-items:flex-start;</td></tr><tr><td align="left"><code>ai:s</code></td><td align="left">align-items:stretch;</td></tr><tr><td align="left"><code>ap</code></td><td align="left">appearance:${none};</td></tr><tr><td align="left"><code>as</code></td><td align="left">align-self:;</td></tr><tr><td align="left"><code>as:a</code></td><td align="left">align-self:auto;</td></tr><tr><td align="left"><code>as:b</code></td><td align="left">align-self:baseline;</td></tr><tr><td align="left"><code>as:c</code></td><td align="left">align-self:center;</td></tr><tr><td align="left"><code>as:fe</code></td><td align="left">align-self:flex-end;</td></tr><tr><td align="left"><code>as:fs</code></td><td align="left">align-self:flex-start;</td></tr><tr><td align="left"><code>as:s</code></td><td align="left">align-self:stretch;</td></tr><tr><td align="left"><code>bfv</code></td><td align="left">backface-visibility:;</td></tr><tr><td align="left"><code>bfv:h</code></td><td align="left">backface-visibility:hidden;</td></tr><tr><td align="left"><code>bfv:v</code></td><td align="left">backface-visibility:visible;</td></tr><tr><td align="left"><code>bg:ie</code></td><td align="left">filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop');</td></tr><tr><td align="left"><code>cm</code></td><td align="left">/* ${child} */</td></tr><tr><td align="left"><code>colm</code></td><td align="left">columns:;</td></tr><tr><td align="left"><code>colmc</code></td><td align="left">column-count:;</td></tr><tr><td align="left"><code>colmf</code></td><td align="left">column-fill:;</td></tr><tr><td align="left"><code>colmg</code></td><td align="left">column-gap:;</td></tr><tr><td align="left"><code>colmr</code></td><td align="left">column-rule:;</td></tr><tr><td align="left"><code>colmrc</code></td><td align="left">column-rule-color:;</td></tr><tr><td align="left"><code>colmrs</code></td><td align="left">column-rule-style:;</td></tr><tr><td align="left"><code>colmrw</code></td><td align="left">column-rule-width:;</td></tr><tr><td align="left"><code>colms</code></td><td align="left">column-span:;</td></tr><tr><td align="left"><code>colmw</code></td><td align="left">column-width:;</td></tr><tr><td align="left"><code>d:ib+</code></td><td align="left">display: inline-block;<br> *display: inline;<br>*zoom: 1;</td></tr><tr><td align="left"><code>jc</code></td><td align="left">justify-content:;</td></tr><tr><td align="left"><code>jc:c</code></td><td align="left">justify-content:center;</td></tr><tr><td align="left"><code>jc:fe</code></td><td align="left">justify-content:flex-end;</td></tr><tr><td align="left"><code>jc:fs</code></td><td align="left">justify-content:flex-start;</td></tr><tr><td align="left"><code>jc:sa</code></td><td align="left">justify-content:space-around;</td></tr><tr><td align="left"><code>jc:sb</code></td><td align="left">justify-content:space-between;</td></tr><tr><td align="left"><code>mar</code></td><td align="left">max-resolution:res;</td></tr><tr><td align="left"><code>mir</code></td><td align="left">min-resolution:res;</td></tr><tr><td align="left"><code>op+</code></td><td align="left">opacity: ; filter: alpha(opacity=);</td></tr><tr><td align="left"><code>op:ie</code></td><td align="left">filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);</td></tr><tr><td align="left"><code>op:ms</code></td><td align="left">-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';</td></tr><tr><td align="left"><code>ord</code></td><td align="left">order:;</td></tr><tr><td align="left"><code>ori</code></td><td align="left">orientation:;</td></tr><tr><td align="left"><code>ori:l</code></td><td align="left">orientation:landscape;</td></tr><tr><td align="left"><code>ori:p</code></td><td align="left">orientation:portrait;</td></tr><tr><td align="left"><code>tov</code></td><td align="left">text-overflow:${ellipsis};</td></tr><tr><td align="left"><code>tov:c</code></td><td align="left">text-overflow:clip;</td></tr><tr><td align="left"><code>tov:e</code></td><td align="left">text-overflow:ellipsis;</td></tr><tr><td align="left"><code>trs</code></td><td align="left">transition:prop time;</td></tr><tr><td align="left"><code>trsde</code></td><td align="left">transition-delay:time;</td></tr><tr><td align="left"><code>trsdu</code></td><td align="left">transition-duration:time;</td></tr><tr><td align="left"><code>trsp</code></td><td align="left">transition-property:prop;</td></tr><tr><td align="left"><code>trstf</code></td><td align="left">transition-timing-function:tfunc;</td></tr><tr><td align="left"><code>us</code></td><td align="left">user-select:${none};</td></tr><tr><td align="left"><code>wfsm</code></td><td align="left">-webkit-font-smoothing:${antialiased};</td></tr><tr><td align="left"><code>wfsm:a</code></td><td align="left">-webkit-font-smoothing:antialiased;</td></tr><tr><td align="left"><code>wfsm:n</code></td><td align="left">-webkit-font-smoothing:none;</td></tr><tr><td align="left"><code>wfsm:s, wfsm:sa</code></td><td align="left">-webkit-font-smoothing:subpixel-antialiased;</td></tr><tr><td align="left"><code>wm</code></td><td align="left">writing-mode:lr-tb;</td></tr><tr><td align="left"><code>wm:btl</code></td><td align="left">writing-mode:bt-lr;</td></tr><tr><td align="left"><code>wm:btr</code></td><td align="left">writing-mode:bt-rl;</td></tr><tr><td align="left"><code>wm:lrb</code></td><td align="left">writing-mode:lr-bt;</td></tr><tr><td align="left"><code>wm:lrt</code></td><td align="left">writing-mode:lr-tb;</td></tr><tr><td align="left"><code>wm:rlb</code></td><td align="left">writing-mode:rl-bt;</td></tr><tr><td align="left"><code>wm:rlt</code></td><td align="left">writing-mode:rl-tb;</td></tr><tr><td align="left"><code>wm:tbl</code></td><td align="left">writing-mode:tb-lr;</td></tr><tr><td align="left"><code>wm:tbr</code></td><td align="left">writing-mode:tb-rl;</td></tr></tbody></table>
<!--rehype:className=wrap-text -->
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="animation"><a aria-hidden="true" tabindex="-1" href="#animation"><span class="icon icon-link"></span></a>animation</h3><div class="wrap-body">

















































































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>anim</code></td><td align="left">animation:;</td></tr><tr><td align="left"><code>anim-</code></td><td align="left">animation:name duration timing-function delay iteration-count direction fill-mode;</td></tr><tr><td align="left"><code>animdel</code></td><td align="left">animation-delay:time;</td></tr><tr><td align="left"><code>animdir</code></td><td align="left">animation-direction:normal;</td></tr><tr><td align="left"><code>animdir:a</code></td><td align="left">animation-direction:alternate;</td></tr><tr><td align="left"><code>animdir:ar</code></td><td align="left">animation-direction:alternate-reverse;</td></tr><tr><td align="left"><code>animdir:n</code></td><td align="left">animation-direction:normal;</td></tr><tr><td align="left"><code>animdir:r</code></td><td align="left">animation-direction:reverse;</td></tr><tr><td align="left"><code>animdur</code></td><td align="left">animation-duration:0s;</td></tr><tr><td align="left"><code>animfm</code></td><td align="left">animation-fill-mode:both;</td></tr><tr><td align="left"><code>animfm:b</code></td><td align="left">animation-fill-mode:backwards;</td></tr><tr><td align="left"><code>animfm:bt, animfm:bh</code></td><td align="left">animation-fill-mode:both;</td></tr><tr><td align="left"><code>animfm:f</code></td><td align="left">animation-fill-mode:forwards;</td></tr><tr><td align="left"><code>animic</code></td><td align="left">animation-iteration-count:1;</td></tr><tr><td align="left"><code>animic:i</code></td><td align="left">animation-iteration-count:infinite;</td></tr><tr><td align="left"><code>animn</code></td><td align="left">animation-name:none;</td></tr><tr><td align="left"><code>animps</code></td><td align="left">animation-play-state:running;</td></tr><tr><td align="left"><code>animps:p</code></td><td align="left">animation-play-state:paused;</td></tr><tr><td align="left"><code>animps:r</code></td><td align="left">animation-play-state:running;</td></tr><tr><td align="left"><code>animtf</code></td><td align="left">animation-timing-function:linear;</td></tr><tr><td align="left"><code>animtf:cb</code></td><td align="left">animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);</td></tr><tr><td align="left"><code>animtf:e</code></td><td align="left">animation-timing-function:ease;</td></tr><tr><td align="left"><code>animtf:ei</code></td><td align="left">animation-timing-function:ease-in;</td></tr><tr><td align="left"><code>animtf:eio</code></td><td align="left">animation-timing-function:ease-in-out;</td></tr><tr><td align="left"><code>animtf:eo</code></td><td align="left">animation-timing-function:ease-out;</td></tr><tr><td align="left"><code>animtf:l</code></td><td align="left">animation-timing-function:linear;</td></tr></tbody></table>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="flex"><a aria-hidden="true" tabindex="-1" href="#flex"><span class="icon icon-link"></span></a>flex</h3><div class="wrap-body">

































































<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>fx</code></td><td align="left">flex:;</td></tr><tr><td align="left"><code>fxb</code></td><td align="left">flex-basis:;</td></tr><tr><td align="left"><code>fxd</code></td><td align="left">flex-direction:;</td></tr><tr><td align="left"><code>fxd:c</code></td><td align="left">flex-direction:column;</td></tr><tr><td align="left"><code>fxd:cr</code></td><td align="left">flex-direction:column-reverse;</td></tr><tr><td align="left"><code>fxd:r</code></td><td align="left">flex-direction:row;</td></tr><tr><td align="left"><code>fxd:rr</code></td><td align="left">flex-direction:row-reverse;</td></tr><tr><td align="left"><code>fxf</code></td><td align="left">flex-flow:;</td></tr><tr><td align="left"><code>fxg</code></td><td align="left">flex-grow:;</td></tr><tr><td align="left"><code>fxsh</code></td><td align="left">flex-shrink:;</td></tr><tr><td align="left"><code>fxw</code></td><td align="left">flex-wrap: ;</td></tr><tr><td align="left"><code>fxw:n</code></td><td align="left">flex-wrap:nowrap;</td></tr><tr><td align="left"><code>fxw:w</code></td><td align="left">flex-wrap:wrap;</td></tr><tr><td align="left"><code>fxw:wr</code></td><td align="left">flex-wrap:wrap-reverse;</td></tr></tbody></table>
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="xsl"><a aria-hidden="true" tabindex="-1" href="#xsl"><span class="icon icon-link"></span></a>XSL</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="xsl-1"><a aria-hidden="true" tabindex="-1" href="#xsl-1"><span class="icon icon-link"></span></a>XSL</h3><div class="wrap-body">
<p>tmatch, tm</p>
<pre class="wrap-text "><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>template</span> <span class="token attr-name">match</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>template</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>tname, tn</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>template</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>template</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>call</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>call-template</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>ap</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>apply-templates</span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>api</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>apply-imports</span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>imp</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>import</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>inc</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>include</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>ch</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>choose</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>choose</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>xsl:when, wh</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>when</span> <span class="token attr-name">test</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>when</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>ot</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>otherwise</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>otherwise</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>if</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>if</span> <span class="token attr-name">test</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>if</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>par</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>param</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>param</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>pare</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>param</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>var</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>variable</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>variable</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="xsl-2"><a aria-hidden="true" tabindex="-1" href="#xsl-2"><span class="icon icon-link"></span></a>XSL</h3><div class="wrap-body">
<p>vare</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>variable</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>wp</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>with-param</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>key</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>key</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">match</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">use</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>elem</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>element</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>element</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>attr</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>attribute</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>attribute</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>attrs</p>
<pre class="wrap-text "><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>attribute-set</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>attribute-set</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>cp</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>copy</span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>co</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>copy-of</span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>val</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>value-of</span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>each, for</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>for-each</span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>for-each</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>tex</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>text</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>text</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>com</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>comment</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>comment</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>msg</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>message</span> <span class="token attr-name">terminate</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>no<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>message</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>fall</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>fallback</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>fallback</span><span class="token punctuation">></span></span>
</span></code></pre>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="xsl-3"><a aria-hidden="true" tabindex="-1" href="#xsl-3"><span class="icon icon-link"></span></a>XSL</h3><div class="wrap-body">
<p>num</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>number</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>nam</p>
<pre class="wrap-text "><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>namespace-alias</span> <span class="token attr-name">stylesheet-prefix</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">result-prefix</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>pres</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>preserve-space</span> <span class="token attr-name">elements</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>strip</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>strip-space</span> <span class="token attr-name">elements</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>proc</p>
<pre class="wrap-text "><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>processing-instruction</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>processing-instruction</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>sort</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>sort</span> <span class="token attr-name">select</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">order</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</span></code></pre>
<p>choose+ A别名 xsl:choose>xsl:when+xsl:otherwise</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>choose</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>when</span> <span class="token attr-name">test</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>when</span><span class="token punctuation">></span></span>
</span><span class="code-line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>otherwise</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>otherwise</span><span class="token punctuation">></span></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>choose</span><span class="token punctuation">></span></span>
</span></code></pre>
<p>xsl 别名 !!!+xsl:stylesheet[version=1.0 xmlns:xsl=<a href="http://www.w3.org/1999/XSL/Transform">http://www.w3.org/1999/XSL/Transform</a>]>{ | }</p>
<pre class="wrap-text "><code class="language-xml code-highlight"><span class="code-line"><span class="token prolog">&#x3C;?xml version="1.0" encoding="UTF-8"?></span>
</span><span class="code-line"><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token namespace">xsl:</span>stylesheet</span> <span class="token attr-name">version</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1.0<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xmlns:</span>xsl</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/XSL/Transform<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token namespace">xsl:</span>stylesheet</span><span class="token punctuation">></span></span>
</span></code></pre>
<!--rehype:className=wrap-text -->
<p>!!!</p>
<pre class="language-xml"><code class="language-xml code-highlight"><span class="code-line"><span class="token prolog">&#x3C;?xml version="1.0" encoding="UTF-8"?></span>
</span></code></pre>
</div></div></div></div></div><div class="wrap h2body-not-exist"><div class="wrap-header h2wrap"><h2 id="另见"><a aria-hidden="true" tabindex="-1" href="#另见"><span class="icon icon-link"></span></a>另见</h2><div class="wrap-body">
<ul>
<li><a href="https://docs.emmet.io/cheat-sheet/">Emmet Cheat sheet</a> <em>(docs.emmet.io)</em></li>
</ul>
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 Kenny Wang.</footer></footer><script src="../data.js" defer></script><script src="../js/fuse.min.js" defer></script><script src="../js/main.js" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
  <path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
</svg><input id="mysearch-input" type="search" placeholder="搜索" autocomplete="off"><div class="mysearch-clear"></div></div><button id="mysearch-close" type="button">搜索</button></div><div class="mysearch-result"><div id="mysearch-menu"></div><div id="mysearch-content"></div></div></div></div></body>
</html>
